<script setup lang="ts">

</script>

<template>
  <div class="container">
    <div class="top">
      <div class="top-left">
        <div class="titile">新闻中心</div>
        <div class="sub_title">NEWS CENTER</div>
        <div class="line"></div>
      </div>
      <div class="top-right">
        <div class="top_right_item">公司要闻</div>
        <div class="top_right_item">媒体关注</div>
      </div>
    </div>

    <div class="content">
      <div class="leftContent">
        <div class="leftContentTop"></div>
        <div class="leftContentBottom">
          <div class="leftContentBottomTitle">“AI+生物制造”，圣湘携手菲鹏迈向新纪元</div>
          <div class="leftContentBottomTime">2025-03-23</div>
          <div class="leftContentBottomText">     3月22日，在体外诊断行业盛会CACLP上，圣湘生物与菲鹏生物举行了主题为“‘圣’启新章 ‘菲’跃未来”的战略合作签约仪式。双方整合优势资源，围绕“AI+分子酶”技术深度融合</div>
        </div>
      </div>
      <div class="center_content">
        <div class="card">
          <div class="card_time">2025-03-16</div>
          <div class="card_Title">圣湘2025CCDLM：科技与热情齐飞，创新与实力齐放</div>
          <div class="card_text">3月13日-16日，由中国医学装备协会主办的中国医学装备大会暨2025医学装备展览会在重庆国际博览中心隆重举行，吸引了全球医疗科技企业和学术专家齐聚一堂，围绕医疗装备前沿技术展开深入交流。圣湘生物以“共筑新生态，同心向未来”为主题，携多款创新解决方案亮相，与行业同仁共探精准诊断新未来！</div>
        </div>
        <div class="card">
          <div class="card_time">2025-03-16</div>
          <div class="card_Title">圣湘2025CCDLM：科技与热情齐飞，创新与实力齐放</div>
          <div class="card_text">3月13日-16日，由中国医学装备协会主办的中国医学装备大会暨2025医学装备展览会在重庆国际博览中心隆重举行，吸引了全球医疗科技企业和学术专家齐聚一堂，围绕医疗装备前沿技术展开深入交流。圣湘生物以“共筑新生态，同心向未来”为主题，携多款创新解决方案亮相，与行业同仁共探精准诊断新未来！</div>
        </div>
      </div>
      <div class="right_Content">
        <div class="card">
          <div class="card_time">2025-03-16</div>
          <div class="card_Title">圣湘2025CCDLM：科技与热情齐飞，创新与实力齐放</div>
          <div class="card_text">3月13日-16日，由中国医学装备协会主办的中国医学装备大会暨2025医学装备展览会在重庆国际博览中心隆重举行，吸引了全球医疗科技企业和学术专家齐聚一堂，围绕医疗装备前沿技术展开深入交流。圣湘生物以“共筑新生态，同心向未来”为主题，携多款创新解决方案亮相，与行业同仁共探精准诊断新未来！</div>
        </div>
        <div class="card">
          <div class="card_time">2025-03-16</div>
          <div class="card_Title">圣湘2025CCDLM：科技与热情齐飞，创新与实力齐放</div>
          <div class="card_text">3月13日-16日，由中国医学装备协会主办的中国医学装备大会暨2025医学装备展览会在重庆国际博览中心隆重举行，吸引了全球医疗科技企业和学术专家齐聚一堂，围绕医疗装备前沿技术展开深入交流。圣湘生物以“共筑新生态，同心向未来”为主题，携多款创新解决方案亮相，与行业同仁共探精准诊断新未来！</div>
        </div>
      </div>
    </div>
  </div>

</template>

<style scoped lang="scss">


.top{
  display: flex;
  justify-content: space-between;

  align-items: center;
  margin-bottom: 3rem;
}

.top-left{
}
.top-right{


}

.top_right_item{
  display: inline-block;
  width: 150px;
  height: 50px;
  background-color: red;
  color: white;
  line-height: 50px;
  text-align: center;
  margin-right: 50px;
  border-radius: 25px;
}
.titile{
  font-size: 3rem;
  padding-left: 3rem;

}
.sub_title{
  font-size: 1.5rem;
  padding-left: 3rem;

}

.line{
  width: 60px;
  height: 2px;
  margin-left: 3rem;
  background-color: red;
}

.content {
  width: 100%;
  display: flex;
  margin-left: 3rem;
  margin-right: 3rem;
  justify-content: space-between;
  margin-bottom: 30px;
}

.leftContent{
  flex-basis: 40%;
  background-color: red;
}

.leftContentTop {
  width: 100%;
  height: 300px;
  background-color: #00ff33;
}
.leftContentBottom {
  width: 100%;
}
.leftContentBottomTitle {
  font-size: 2rem;
}
.leftContentBottomTime{
  font-size: 1rem;
}
.leftContentBottomText{
  font-size: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.center_content{
  flex-basis: 27%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.right_Content{
  flex-basis: 27%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.card{
  background-color:gainsboro;
  flex-basis: 47%;
}
.card_time {
  font-size: 0.7rem;
  margin-top: 1rem;
  margin-left: 1rem;

}
.card_Title {
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
.card_text{
  font-size: 1rem;
  margin-top: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}


</style>